<!--
 * @Author: your name
 * @Date: 2021-02-01 20:52:46
 * @LastEditTime: 2021-02-01 21:52:06
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \鲜花项目\html\搜索页.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- <link rel="icon" href="../favicon.ico" type="image/x-icon"> -->
    <link rel="shortcut icon" href="../img/favicon.ico" type="image/x-icon">
    <title>鲜花APP</title>
    <link rel="stylesheet" href="../css/icon.css">
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/search.css">
    <script src="../js/rem.js"></script>
    <script src="../js/jq.v1.7.js"></script>
</head>

<body>
    <!-- 头部搜索框 开始 -->
    <div class="top-search">
        <a class="search-btn">
            <i class="iconfont icon-zuojiantou"></i>
        </a>
        <div class="search-input-group">
            <form>
                <input type="text" name="search" placeholder="请输入内容">
            </form>
        </div>
    </div>
    <!-- 头部搜索框 结束 -->
    <!-- 热门搜索 开始 -->
    <div class="search-title">热门搜索</div>
    <div class="hot-search">
        <div class="hot-item">爱情鲜花</div>
        <div class="hot-item">永生花</div>
        <div class="hot-item">生日蛋糕</div>
        <div class="hot-item">金箔花</div>
        <div class="hot-item">友情鲜花</div>
        <div class="hot-item">公仔花束</div>
    </div>
    <!-- 热门搜索 结束 -->

    <!-- 浏览记录 开始 -->
    <div class="search-title">浏览记录</div>
    <div class="history-search">
        <div class="history-item">
            <img src="../img/goods-item-img.jpg">
            <p>温柔如你</p>
        </div>
        <div class="history-item">
            <img src="../img/goods-item-img.jpg">
            <p>月光女神</p>
        </div>
        <div class="history-item">
            <img src="../img/goods-item-img.jpg">
            <p>恋恋深情</p>
        </div>
        <div class="history-item">
            <img src="../img/goods-item-img.jpg">
            <p>一心一意</p>
        </div>
    </div>
    <!-- 浏览记录 结束 -->

    <!-- 搜索历史 开始 -->
    <div class="search-title">搜索历史</div>
    <div class="search-list"></div>
    <!-- 搜索历史 结束 -->

    <!-- 清除历史记录按钮 开始 -->
    <div class="clear-search-btn">
        <button>清除历史记录</button>
    </div>
    <!-- 清除历史记录按钮 结束 -->

</body>

</html>